<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/6/29
  Time: 18:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!Doctype html>
<html>
<head>
    <base href="<%=basePath%>">
    <title>政府数据开放平台</title>
    <jsp:include page="../commons/include.jsp"/>

    <link href="/resources/css/lib.css" rel="stylesheet">
    <style>
        * {
            font-family: '宋体';
        }

        #main {
            -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            background: #FFF;
            width: 1000px;
            font-family: '宋体';
            overflow-y: auto;
            margin: 50px auto 0 auto;
        }

        #menu a {
            color: #555;
        }

        #menu a:hover {
            background: #FFFFFF;
            height: 40px;
        }

        #menu ul {
            border: none;
        }

        ._title a:hover {
            color: #000000;
        }
    </style>

</head>
<body>


<jsp:include page="../commons/top.jsp"/>


<div class="" id="main">

    <div style="border-bottom: 1px solid #dddddd">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="/front/org/list">组织</a></li>
            <li>${requestScope.org.name }</li>
        </ol>
    </div>

    <div class="left">


        <div style="width: 180px; height: 120px; margin:18px 30px ">
            <img src="${requestScope.org.headimage}"
                 style="width: 180px; height: 120px; border: 0px;">

            <div style="padding: 10px 4px; font-weight: bold; font-size: 18px; line-height: 30px;">${requestScope.org.name}</div>
            <div style="padding: 4px 4px; ">${requestScope.org.description}<br></a></div>

            <hr style="width: 90%;height: 1px;" align="center">
        </div>

        <div style="height: 90px"></div>

        <div style="text-align: center">
            <div>数据集</div>
            <div style="font-size: 30px; font-weight: bold">${fn:length(requestScope.dataSetResult.list)}</div>
        </div>


    </div>
    <div class="right">


        <div>
            <div style="width: 100%;margin:0px 0px; border-top: 1px solid rgb(221,221,221);border-bottom: 1px solid rgb(221,221,221); padding: 30px 0 0 20px; background: rgb(246,246,246);
    border-radius:3px; " id="menu">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#">数据集</a></li>
                    <li><a href="#">活动记录</a></li>
                </ul>
            </div>
        </div>


        <div style="padding-left: 30px">


            <div style="padding: 20px 0px">



                <div class="input-group" style="width: 600px">
                    <input type="text" class="form-control" name="searchInput">
                    <span class="input-group-btn">
                         <button class="btn btn-default" type="submit"> 搜 索</button>
                    </span>
                </div>



            </div>


            <div style="height: 80px; width: 100%;">
                <div style="width: 350px; height: 100%;float: left; font-size: 24px; font-weight: bold;">
                    找到${fn:length(requestScope.dataSetResult.list)}个数据集
                </div>
                <div style="width: 300px; height: 100%;float: left;">
                    <label style="font-size: 14px; font-weight: bold;">排序:</label>
                    <select name="" class="form-control" style="display: inline;width: 120px">
                        <option>名称升序</option>
                        <option>名称降序</option>
                        <option>最后修改</option>
                    </select>
                </div>
            </div>


            <div>
                <c:choose>

                    <c:when test="${not empty requestScope.dataSetResult.list}">
                        <c:forEach items="${requestScope.dataSetResult.list}" var="dataset">
                            <div style="margin-top: 6px;min-height: 80px; margin-top: 10px;">
                                <div style="font-size: 18px; font-weight: bold; min-height: 20px;"><a
                                        href="/front/dataset/detail?id=${dataset.id}">${dataset.name}</a></div>
                                <div style=" font-size: 14px;width:90%;white-space:normal; word-break:break-all;padding-bottom: 1px; min-height: 50px;margin-top: 10px; ">${dataset.description} </div>

                                <div style="border-bottom: 1px dashed rgb(123,204,200); margin-top: 2px; width: 90%;"></div>
                                    <%-- <hr style="height: 1px;">--%>
                            </div>
                        </c:forEach>
                    </c:when>
                    <c:otherwise>
                        <div>
                            没有找到数据集
                        </div>
                    </c:otherwise>
                </c:choose>

            </div>


        </div>


    </div>


</div>
<jsp:include page="../commons/buttom.jsp"/>
</body>
</html>
